<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>我的网站 | 博客详情</title>
  <!-- 字体图标库 -->
  <link rel="stylesheet" href="./fonts/iconfont.css">
  <!-- 公共文件 -->
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/blog-single.css">
  <!-- 主样式文件 -->
  <link rel="stylesheet" href="./css/index.css">

</head>

<body>
  <!-- ======= Header ======= -->
  <header id="header"></header><!-- End Header -->
  <!-- ======= Main ======= -->
  <main>
    <section id="particulars-bg"></section>
    <section id="particulars-wrapper" class="container">
      <div class="share-wrapper flex justify-content-between align-items-center">
        <div class="tag flex align-items-center">
          <span class="tag-font">标签</span>
          <ul class="tag-icon flex">
            <li>Travel</li>
            <li>December</li>
            <li>Adventure</li>
            <li>Fun</li>
          </ul>
        </div>
        <div class="share flex align-items-center">
          <span class="share-font">分享到</span>
          <ul class="share-icon flex">
            <li><img src="./images/blog-single/share1@2x.png" alt=""></li>
            <li><img src="./images/blog-single/share2@2x.png" alt=""></li>
            <li><img src="./images/blog-single/share3@2x.png" alt=""></li>
            <li><img src="./images/blog-single/share4@2x.png" alt=""></li>
          </ul>
        </div>
      </div>
    </section>
    <section id="message-wrapper">
      <div class="container">
        <div class="message-board">
        </div>
        <div class="look-message">查看更多留言</div>
        <div class="message-issue">
          <span class="message-font">留言</span>
          <div class="message-form">
            <input type="text" placeholder="称呼" id="name-input">
            <input type="text" placeholder="Email" id="email-input">
            <textarea cols="30" rows="10" placeholder="请输入留言" id="content-textarea"></textarea>
            <button class="btn-issue">发布</button>
          </div>
        </div>
      </div>
    </section>
  </main><!-- End Main -->


  <!-- ======= footer ======= -->
  <footer id="footer">
  </footer><!-- End Footer -->

  <!-- axios -->
  <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
  <!-- 主js文件 -->
  <script src="./js/main.js"></script>
  <script src="./js/blog-single.js"></script>

</body>


</html>